<template>
  <div>

    <el-form ref="form" :model="productAttributeDTO" label-width="150px">
      <el-form-item label="属性名称">
        <el-input v-model="productAttributeDTO.name"></el-input>
      </el-form-item>

      <el-form-item label="商品类型">
          <el-select v-model="productAttributeDTO.productAttributeCategoryId">
              <el-option v-for="i in productAttributeCategoryVO" :key="i.id" :label="i.name" :value="i.id"></el-option>
          </el-select>
      </el-form-item>

      <el-form-item label="分类筛选样式">
        <el-radio v-model="productAttributeDTO.filterType" label="0">普通</el-radio>
        <el-radio v-model="productAttributeDTO.filterType" label="1">颜色</el-radio>
      </el-form-item>
      <el-form-item label="能否进行检索">
        <el-radio v-model="productAttributeDTO.searchType" label="0">不需要进行检索</el-radio>
        <el-radio v-model="productAttributeDTO.searchType" label="1">关键字检索</el-radio>
        <el-radio v-model="productAttributeDTO.searchType" label="2">范围检索</el-radio>
      </el-form-item>

      <el-form-item label="商品属性关联">
        <!--        showStatus-->
        <template>
          <el-radio v-model="productAttributeDTO.relatedStatus" label="1">是</el-radio>
          <el-radio v-model="productAttributeDTO.relatedStatus" label="0">否</el-radio>
        </template>
      </el-form-item>

      <el-form-item label="属性是否可选">
        <template>
          <!--          factoryStatus-->
          <el-radio v-model="productAttributeDTO.selectType" label="0">唯一</el-radio>
          <el-radio v-model="productAttributeDTO.selectType" label="1">单选</el-radio>
          <el-radio v-model="productAttributeDTO.selectType" label="2">多选</el-radio>
        </template>
      </el-form-item>

      <el-form-item label="属性值的录入方式">
        <template>
          <!--          factoryStatus-->
          <el-radio v-model="productAttributeDTO.inputType" label="0">手工录入</el-radio>
          <el-radio v-model="productAttributeDTO.inputType" label="1">从列表中选取</el-radio>
        </template>
      </el-form-item>


      <el-form-item label="属性值可选值列表">
        <el-input  type="textarea"  v-model="productAttributeDTO.inputList"></el-input>
      </el-form-item>

      <el-form-item label="是否支持手动新增">
        <template>
          <!--          factoryStatus-->
          <el-radio v-model="productAttributeDTO.handAddStatus" label="1">是</el-radio>
          <el-radio v-model="productAttributeDTO.handAddStatus" label="0">否</el-radio>
        </template>
      </el-form-item>

      <el-form-item label="排序属性">
        <el-input v-model="productAttributeDTO.sort"></el-input>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="onSubmit">提交</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>




  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
import {add, findAllproductAttributeCategoryName} from "@/api/product/productAttribute";

export default {
    //import引入的组件需要注入到对象中才能使用"
    components: {},
    props: {},
    data() {
      //这里存放数据"

      return {
        productAttributeCategoryVO:{},
        productAttributeDTO:{
            filterType:'0',
            searchType:'0',
            relatedStatus:'0',
            selectType:'0',
            inputType:'0',
            handAddStatus:'0',
            type:''
        }
      };
    },
    //计算属性 类似于data概念",
    computed: {},
    //监控data中的数据变化",
    watch: {},
    //方法集合",
    methods: {
      findDong(){
          findAllproductAttributeCategoryName().then(
              res=>{
                  console.log(res)
                this.productAttributeCategoryVO=res.data
              }
          )
      },
      onSubmit(){
          add(this.productAttributeDTO).then(
              res=>{
                  this.$message.success("添加成功")
                  this.$router.push('/product/productAttributeCategory')
              }
          )
      }
    },
    //生命周期 - 创建完成（可以访问当前this实例）",
    created() {
        this.findDong()
        this.productAttributeDTO.type=this.$route.query.type
    },
    //生命周期 - 挂载完成（可以访问DOM元素）",
    mounted() {
    },
    beforeCreate() {
    }, //生命周期 - 创建之前",
    beforeMount() {
    }, //生命周期 - 挂载之前",
    beforeUpdate() {
    }, //生命周期 - 更新之前",
    updated() {
    }, //生命周期 - 更新之后",
    beforeDestroy() {
    }, //生命周期 - 销毁之前",
    destroyed() {
    }, //生命周期 - 销毁完成",
    activated() {
    } //如果页面有keep-alive缓存功能，这个函数会触发",
  };
</script>
<style scoped>

</style>
